MISSION START

Join the
Mission.
Vote. Collect. Win.

Transforming a nationwide university sports event into an interactive digital experience — combining gamification, NFT rewards, and real-world participation.

Gamification NFT Experience Event Platform Product Strategy
Event Thammasat Games 2025
My Role Product Lead · PM + BD + UX Direction
Timeline 2024 – Jan 2025
Mission Result

A nationwide event transformed into a live digital platform.

126,261
Votes
Generated across all sports
29,118+
Users
Registered on platform
15,000
Peak Daily
Visits at event peak
120+
Universities
Participated nationwide
EchoX presenting 5,032,500 baht sponsorship at Thammasat Games 2025
Partnership · EchoX × Thammasat Games 2025

Platform success attracted major sponsorship — validating the digital engagement model at national scale.

Mission Control

Profile photo
Product Lead
PM + BD + UX Direction

I led the mission from concept to execution — bridging business strategy, product direction, and experience design across all phases of the project.

UX/UI execution was delivered through the design team under my direction — not as pixel-level design work by me.

01
Platform Strategy & Feature Direction
Defined what to build, why, and in what order — aligning with event timeline and business goals.
02
UX/UI Execution Direction
Led the design team's output — setting direction, reviewing work, and ensuring quality and consistency.
03
Stakeholder & Partnership Management
Managed relationships with Thammasat University, USBT, sponsors, and internal teams.
04
Delivery Under Tight Event Timeline
Coordinated all streams to ship a live product in time for a fixed public event date.

Why This
Mission Exists

A nationwide university sports event with thousands of participants…
but no unified digital experience to connect them.

People showed up. But engagement didn't last.

No Interaction

Audiences could only watch. No way to participate or feel connected beyond physically being there.

No Incentive

Nothing encouraged people to return, engage repeatedly, or share the experience with their networks.

No Memory

Once the event ended, nothing remained. No collectibles, no records, no lasting digital connection.

The experience ended when the event ended.

From Structure
to Interface

Before any visual design began, the platform's layout logic and interaction patterns were mapped in low-fidelity wireframes — establishing content hierarchy, flow, and page structure across desktop and mobile breakpoints.

01
Information Architecture
Site map, page hierarchy, and feature scope defined. All six sections planned before a single screen was designed.
02
Wireframes
Lo-fi layout for each key page — content placement, interaction zones, and mobile flow validated in Figma before visual work began.
03
Visual Design
High-fidelity UI applied over validated structure — brand system, color tokens, typography, and component library.
Wireframes covered 8 page templates across desktop and mobile — including all three core feature interactions and four supporting event pages.

Who We Were
Designing For

Users

University students attending Thammasat Games — attendees who vote for their faculty, follow the rankings, and want to feel like their participation means something. They're mobile-first, event-aware, and easily lost if the experience doesn't hook them immediately.

Client

Thammasat University's organizing committee needed the platform to drive measurable engagement metrics — registered users, votes cast, and sponsor visibility — while keeping the experience lightweight enough for a multi-day physical event.

01
No reason to return
Users came, voted once, and left. Without a visible progress mechanic or daily reward, there was no hook to bring them back the next day.
02
Fragmented experience
Event info, voting, and schedules lived in separate places — or nowhere at all. Users had to piece together what was happening and where.
03
No lasting takeaway
The event happened and then it was gone. Students had no digital proof of participation — nothing to keep, share, or feel ownership over.
04
Sponsor visibility required
The client needed sponsors embedded naturally in the experience — not as banners, but as part of the reward and discovery flow users would actually interact with.
Behavioral Insight

Students don't need persuasion. They need a clear action, a visible reward, and a reason to come back tomorrow.

Key Choices
& Why

Three product decisions that shaped the engagement model — each grounded in clarity, motivation, and simplicity.

Decision 01

Voting as Core Mechanic

Made participation — not consumption — the primary interaction. Every vote creates data, drives emotional investment in outcomes, and is repeatable without friction.

Voting Game
Decision 02

Earned NFTs, Not Purchased

All digital rewards are gated by participation — not payment. NFTs feel earned and meaningful, directly tied to the event experience rather than commercial value.

Access = Participation
Decision 03

Coins as Progression Layer

Rather than direct vote-to-reward redemption, a coin system creates a daily progression loop — encouraging repeat engagement rather than one-time participation.

Delayed Gratification

How the Engagement
Loop Works

From first visit to digital ownership — the complete journey from participation to reward.

01
Vote
Vote for universities across 40+ sports categories
02
Earn
Receive coins from every participation action
03
Collect
Accumulate rewards with daily engagement
04
Unlock
Redeem for rare NFT collectibles and real prizes

Platform
Structure

Defined feature scope and site architecture before any design work began — ensuring a complete experience without overbuilding.

Platform Architecture · Node Map
TU Sport Platform
Home
Live Rankings
Event Highlights
Hero CTA
Voting
Sports Categories (40+)
University Selection
Vote Confirmation
Rewards
Coin Balance
Daily Missions
Progress Tracker
NFT Gallery
Collectible Browser
My Collection
Redemption Flow
Profile
Vote History
NFT Wallet
Settings
Event Info
Schedule
Venues
Universities

Three mechanics that
drove participation

TU Sport is primarily an event information website. At its center are three interactive mechanics — voting, coin collection, and NFT redemption — designed to turn passive visitors into active, returning participants.

Core Feature 01

Voting System

  • Vote for universities across 40+ sports
  • Repeatable — once per category per day
  • Every vote earns coins instantly
Voting page
Core Feature 02

Coin Collection Loop

  • Coins earned from every vote
  • Progress visible — drives daily return
  • Threshold unlocks NFT redemption
Voted — coin reward state
Core Feature 03

Random NFT Redemption

  • Randomly assigned sport-specific NFT
  • Earned through participation — not purchased
  • Redeemable for physical prizes at the booth
Redeem NFT — reward flow

The Event Website

Beyond the three core mechanics, TU Sport is a full event information hub — homepage, sport directories, news, and photo galleries. These pages support the experience without being interactive features themselves.

Homepage
Entry point — event energy, live rankings, and direct path to the voting flow.
Homepage — event entry point
Sport Directory
Browse 40+ sport categories, access category-specific rankings and schedules.
Sport directory — 40+ categories
News & Updates
Real-time event news, highlights, and schedule updates throughout the games.
News — event updates
Photo Gallery
Event photos published during the games — a digital memory for participants.
Photo gallery — event photography

Digital
Ownership

NFTs were introduced as a functional reward layer — not speculation. Earned through participation. Redeemable for real-world rewards.

12+ Collectibles
Unique NFT card designs for each sport and special editions
Earned, Not Bought
All NFTs earned through platform participation — no purchase required
Real Rewards
Redeemable for physical prizes at event booths
Turning engagement into ownership.

World Building

A playful, high-energy visual system — consistent across platform, campaign, and physical touchpoints.

Component Library
UI component library
Color Palette
Color system
Typography
Typography system
Campaign Visuals · Creative Direction
Campaign visual 01 — main hero
Campaign visual 02
Campaign visual 03
Partners & Stakeholders

What I Learned

01

Engagement matters more than visual perfection — getting people to act is the real design challenge.

02

Real-world constraints shape better product decisions — tight deadlines force clarity and cut scope to what truly matters.

03

Gamification works best when it is simple and rewarding — complexity kills adoption, especially at live events.

04

Strong alignment between business, product, and UX is critical — misalignment at any layer cascades into every decision.